<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>MyHtml.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<link rel="stylesheet" type="text/css" href="./MyHtml.css">
		 <link rel="stylesheet" type="text/css" href="../jquery-ui-1.8.2.custom.css">
		<script type="text/javascript" src="../jquery-1.4.2.js"></script>
		<script type="text/javascript" src="../jquery-ui-1.8.2.custom.min.js"></script>
		<script type="text/javascript" src="MyHtml.js"></script>
	</head>

	<body>
		<div id="header">
			<a href="#">Header</a>
		</div>
		<p id="content">
			Now whenever you scroll the news section, the text !You Scrolled!!
			will appear on a red background at the top of the page. Very
			annoying, but you get the picture. Try scrolling in different ways:
			dragging the scroll bar, using the mouse wheel, and clicking inside
			the scrollable zone to use the arrow keys. In all the above cases,
			the scroll event will fire.
		</p>
	</body>
</html>
